/* Navbar */

#weeklyCalendarBar {
	background: #f2f2f2;
	height: 40px;
	margin: 0 0px;
	overflow: hidden; /* Remove this line if you want the menu to be backward compatible with Firefox 2 */	
}

#weeklyCalendarBar ul {	
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
}

#weeklyCalendarBar li {
	float: left;
	border-width: 0px, 0px, 0px, 1px;
	border-style: solid;
	border-color: black;
	width: 10%;
}

#weeklyCalendarBar a {
	display: block;
	
}	
	
#weeklyCalendarBar ul li a {
	padding: 6px 10px 6px 10px;	
	color: #333;
	font-weight: normal;
}

#weeklyCalendarBar ul li a:hover {
	color: #333;
}

#weeklyCalendarBar ul li a.arrow-right, 
#weeklyCalendarBar ul li a:hover.arrow-right {
	background-image: url(../images/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: right 7px;	
} 

#weeklyCalendarBar li ul {
	padding: 2px;
	border: 1px solid #3f3f3f;
	background: #fff url(../images/bg-dropdown.gif) repeat-y;
	position: absolute;
	width: 164px;
	left: -999em;
	z-index: 8000;
}

/* 
4 layers sub menus
if you wanna more sub layers, just add 'ul ul ...'
*/
#weeklyCalendarBar li:hover ul ul,
#weeklyCalendarBar li.ieHover ul ul,
#weeklyCalendarBar li:hover ul ul ul,
#weeklyCalendarBar li.ieHover ul ul ul,
#weeklyCalendarBar li:hover ul ul ul ul,
#weeklyCalendarBar li.ieHover ul ul ul ul {
	left: -999em;
}

#weeklyCalendarBar li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 163px;
}

#weeklyCalendarBar li ul li .check {
	position: absolute;
	top: 8px;
	left: 6px;
	width: 5px;
	height: 5px;
	background: #555;
	overflow: hidden;
	line-height: 1px;
	font-size: 1px;
}

#weeklyCalendarBar li ul li a {
	position: relative;
	padding: 1px 9px 1px 25px;
	width: 130px;
	color: #3f3f3f;
	font-weight: normal;	
}

#weeklyCalendarBar li ul li a:hover {
	background: #6C98D9;
	color: #fff;
	-moz-border-radius: 2px;	
}

#weeklyCalendarBar li ul li a:hover .check {
	background: #fff;
}

/* 
4 layers sub menus
if you wanna more sub layers, just add 'ul ul ...'
*/
#weeklyCalendarBar li.ieHover ul,
#weeklyCalendarBar li li.ieHover ul,
#weeklyCalendarBar li li li.ieHover ul,
#weeklyCalendarBar li li li li.ieHover ul,
#weeklyCalendarBar li:hover ul,
#weeklyCalendarBar li li:hover ul,
#weeklyCalendarBar li li li:hover ul, 
#weeklyCalendarBar li li li li:hover ul{ /* lists nested under hovered list items */
	left: auto;
}

#weeklyCalendarBar li:hover { /* For IE7 */
    position: static;
}

.functiondiv {
	width: 80px;
	padding-top: 0;
	padding-right:0;
	text-align:right;
	position:absolute;
	right: 0px;
	border-width: 1px;
	border-color: gray;
	border-style: solid;
}

#functiondiv input {
	background-color: #f2f2f2;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;	
	position:absolute;
	margin-top:2px;
	margin-right:6px;
	height:35px;
	width:60px;
}
.weekdiv {
	width: 100%;
	margin-right:65px;
	padding-right:65px;
	text-align:left;
	position: absolute;
	border-width: 1px;
	border-color: black;
	border-style: solid;
	float: left;
}

#weekdiv input {
	background-color: #f2f2f2;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;	
	width: 160px;
}